<template>
  <div class="user-list-container">
    <div class="scrolling">
      <ul>
        <li class="user-group-item" v-for="user in userList">
          <div class="group-name">{{user.name}}</div>
          <ul>
            <li class="user-item" v-for="childUser in user.value">
              <div class="avatar">
                <img alt="头像" src="../../../../../static/avatar/test.jpg">
              </div>
              <div class="name">{{childUser.name}}</div>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
  export default {
    props: {
      userList: {
        type: Array
      }
    },
    data() {
      return {}
    }
  }
</script>


